/*
清除浮动
 */
.clearfix:before,
.clearfix:after{
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

	html{
			width:100%;
			height:100%;
			overflow-x:hidden;
		}
	body {		
				width:100%;
				/*
		设置宽度至少为100%,当内部宽度增加时会随其一起增加
		 */
				min-height:100%;
				background: rgb(225,225,225);
				overflow:hidden;
				position:relative;
			}

	

/*
公共header样式
 */
	.header{

		width:100%;
		height:50px;
		background-color: rgb(68,68,68);

	}

	.container{
		padding:0;
		width:1200px;
		margin:0 auto;

	}

	.header .logo{

		float:left;
		margin-top:3px;
		
	}

	.header .search{

		float:left;
		position:relative;
		margin:12px 0 0 20px;
	}

	.header .search .input-icon{

		position:absolute;

		left:8px;
		top:5px;
	}

	.header .search .search-input{

		border:none;
		box-sizing:border-box;
		padding:0 24px;
		width:236px;
		height:26px;
		background-color: rgb(136,136,136);
		border-radius:20px;
		transition: background-color 0.5s ease-in-out;
	}


	.header .search .search-input:hover{

		background-color: rgb(255,255,255);
	}

	.header-nav{

		float:right;
		height:100%;

	}

	.header-nav .header-nav-list{

		height:100%;
	}
	

	.header-nav .header-nav-list .item{

		float:left;
		padding:0 15px;
		height:50px;
		text-align:center;
	}

	.header-nav .header-nav-list .item a{

		display:inline-block;
		line-height:50px;
		color:rgb(204,204,204);
	}

	.header-nav .header-nav-list .item a:hover{

		color:#fff;
	}




	/*
	公共footer样式
	 */
    

    .footer{
		position:absolute;
		left:0;
		bottom: 0;
		background: rgb(246,246,246);
		width:100%;

	}


	.footer-content{
		padding:20px 0 30px;
		
	}

	.footer-content .resource{
		font-size:12px;
	}

	.footer-content span{
		
		color:#ccc;
		font-family: none;
	}

	.footer-content .footer-info{

		font-size:14px;
		line-height:2em;
		color:rgb(136,136,136);
	}

	.footer-content .footer-info a:hover{
		text-decoration: underline;
	}


	/*
	主页面布局相关
	 */
	
	.common-content{
		padding-bottom:148px;
		width:100%;
		margin:20px 0;
	}

	.common-content .main-content{
		float:left;
		box-sizing:border-box;
		width:890px;
		background:rgb(246,246,246);
	}
	
	.common-content .slide-content{

		float:right;
		width:290px;
	}

	.common-content .slide-content h3{

		font-weight:normal;
		font-size:12px;
		height:40px;
		line-height:40px;
		color:#000;
	}

	/*
	公共引导路由样式
	 */
	.common-content .main-content .common-href{

		margin:10px 0 10px 10px;
		color:rgb(136,136,136);
	}

	.common-content .main-content .common-href a{

		color:rgb(128,189,1);
	}

	/*
	侧边栏的关于样式
	 */
	
	.common-content .slide-content .about{
		width:100%;
		box-sizing:border-box;
		padding:10px;
		background:rgb(246,246,246);
	}

	.common-content .slide-content .about p{

		margin:10px 0 0 0px;
	}
	.common-content .slide-content .about ul{

		margin:20px 0 0 20px;

		
	}

	.common-content .slide-title{

	height:40px;
	line-height:40px;
	
	}

	.common-content .slide-content .about ul li{

		font-size:12px;
		line-height:2em;
		list-style-type: disc;
	}

	.common-content .slide-content .no-command-note{
		width:100%;
		box-sizing:border-box;
		padding:0 10px 10px;
		background: rgb(246,246,246);
		margin-bottom:12px;
	}

	/*
	公共头像显示
	 */
	.user-info .user-main-info .user-img{

	display:inline-block;
	width:50px;
	height:50px;

	}

	.user-info .user-main-info .user-img img{

		display:inline-block;
		width:50px;
		height:50px;
		vertical-align:middle;

	}

	.user-info .user-main-info .user-name {
	
	font-size:16px;
	margin-left:5px;

	}

	.user-info .user-count{
	margin-top:10px;
	line-height:2em;
	}

	.user-info .user-sign{
	margin-top:10px;
	font-family: "仿宋";
	line-height:2em;

	}

	/*
	评论头像显示
	 */
	
	.person-img{
		display:inline-block;
		width:30px;
		height:30px;
	
	}


	 .person-img img{

		display:inline-block;
		vertical-align:middle;
		width:30px;
		height:30px;
		border-radius: 4px;
		

	}


	
	/*
	无人回复的话题
	 */
	
	.common-content .slide-content .no-command-note .no-command-note-list .no-command-note-list-item{

		font-size:14px;
		line-height:2em;
		
	}

	.common-content .slide-content .no-command-note .no-command-note-list .no-command-note-list-item a{
		
		color:rgb(136,136,136);
		text-decoration:none;

	}

	/*
	侧边栏的上传按钮样式
	 */
	
	.common-content .slide-content .post-area{
		width:100%;
		box-sizing:border-box;
		padding:10px;
		margin:12px 0;
		background:rgb(246,246,246);
	}

	.common-content .slide-content .post-area .post-button{

		display:inline-block;
		width:86px;
		height:36px;
		line-height:36px;
		border-radius:4px;
		background: rgb(128,189,1);
		transition: background 0.3s ease-in-out;
		color:#fff;
		text-align:center;
	}

	.common-content .slide-content .post-area .post-button:hover{
		background: rgb(107,164,78);
	}



	/*
表单公共样式
 */
.login-form,.regist-form{

	width:100%;
	margin-top:60px;
	box-sizing:border-box;
	padding-left:270px;
	padding-bottom:40px;
}


.form-group .input-area{
	position:relative;
}

.status-icon{
	position:absolute;
	top:10px;
	right:20px;

}

.content-error{
	padding-top:5px;
	color:#f00;
	font-family:"微软雅黑";
	display:none;
	margin-left:-20px;
	
	
}

.fa-check{
	color:#3de417;
}

.fa-close{
	color:#f00;
}


